﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UsrListNews.ascx.cs" Inherits="HCFramework.Control.News.UsrListNews" %>
<%@ Register src="~/Control/Group/Group03Header.ascx" tagname="Group03Header" tagprefix="uc1" %>
<%@ Register src="~/Control/Group/Group03Footer.ascx" tagname="Group03Footer" tagprefix="uc2" %>

<asp:DataGrid ID="grdNews" runat="server" AutoGenerateColumns="false" 
    ShowHeader="false" onitemdatabound="grdNews_ItemDataBound" GridLines="None">
    <Columns>
        <asp:TemplateColumn>
            <ItemTemplate>
                <div class="newsItemOuter">
                    <div>
                        <a class="linkMain" href='/News/Detail.aspx?NewsID=<%#Eval("NewsID") %>'><%#Eval("Title") %></a>
                    </div>
                    <div class="date">
                        <%#Eval("DateCreated") %>
                    </div>
                    <div>
                        <asp:Literal ID="litShortContent" Text='<%#Eval("Summary") %>' runat="server"></asp:Literal>
                    </div>
                    <div align="right">
                        <a class="linkSub" href='/News/Detail.aspx?NewsID=<%#Eval("NewsID") %>'>Xem tiếp »</a>
                    </div>
                </div>
            </ItemTemplate>
        </asp:TemplateColumn>
    </Columns>
</asp:DataGrid>

<uc1:Group03Header ID="Group03Header2" runat="server" />
<div align="center">
    <asp:Literal ID="litPaging" runat="server"></asp:Literal>
</div>
<uc2:Group03Footer ID="Group03Footer2" runat="server" />

<style type="text/css">
    .newsItemOuter
    {
        border-bottom:1px solid #d7d7d7;
        padding-bottom:5px;
        margin-bottom:3px;
    }
    .newsItemOuter a.linkMain
    {
        color:#0072BC;
        text-decoration:none;
        font-weight:bold;
        font-size:large;
    }
    .newsItemOuter a.linkMain:hover
    {
        color:#FF0000;
    }
    .newsItemOuter .date
    {
        color: #636363;
        font-family: Arial;
        font-size: 11px;
    }
    .newsItemOuter a.linkSub
    {
        color:#0072BC;
        text-decoration:none;
        font-weight:bold;
    }
    .newsItemOuter a.linkSub:hover
    {
        color:#FF0000;
    }
</style>
